#navbg { height: 36px; background: url(../images/nav_bg.jpg); position: relative; margin: 0; border-bottom: #ffaa39 solid 2px; }

#navmenu { float: left; padding-left: 20px; }

#navmenu a { display: block; text-align: center; color: #fff; }

#navmenu a:hover { color: #fff; text-decoration: none; }

#navmenu li { float: left; width: 180px; height: 36px; line-height: 36px; font-size: 14px; text-shadow: 1px 1px 0 #333; font-weight: bold; text-align: center; position: relative; }

#navmenu li:hover,
#navmenu a:hover { background: url(../images/nav_active.jpg); }

#navmenu li ul { list-style-type: none; text-align: left; left: -999em; position: absolute; }

#navmenu li ul li { float: left; background: #fdd639; }

#navmenu li ul a { display: block; text-align: left; padding-left: 30px; }

#navmenu li ul a:link { color: #000; text-decoration: none; }

#navmenu li ul a:visited { color: #000; text-decoration: none; }

#navmenu li ul a:hover { color: #F3F3F3; text-decoration: none; background: #C00; }

#navmenu li:hover ul { left: auto; }

#d0 { background: url(../images/nav_active.jpg); }

yltsyheader,
main,
section,
summary { display: block; }

h1 { font-size: 2em; margin: 0.67em 0; }

b,
strong { font-weight: bold; }

img { border: 0; }

button,
input,
select,
textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }

button,
input { line-height: normal; }

button,
select { text-transform: none; }

textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }

.ir br { display: none; }

.hidden { display: none !important; visibility: hidden; }

.red { color: red; }

.yltsywd { color: red; display: none; }

.yltsyheader-menu,
.footer-bottom,
.footer-menu ul:after,
.group:after,
.teaser-2 .teaser-bg:after,
.image .image-figure:after,
.button:after,
.list .list-item:after,
.search-detail .show-more:after,
.paging:after,
.top-button:after,
.nivo-controlNav:after,
form:after,
form .formElements:after,
.wrapFormElements:after { content: " "; /* 1 */ display: table; /* 2 */ }

.clearfix:after,
.page:after,
.yltsyheader:after,
.yltsyheader-top:after,
.yltsyheader-top-inner:after,
.main:after,
.footer:after,
.yltsyheader-menu > ul:after,
.nav > ul:after,
.breadcrumb ul:after,
.footer-bottom .footer-bottom-inner:after,
.footer-menu ul:after,
.group:after,
.teaser-2 .teaser-bg:after,
.image .image-figure:after,
.button:after,
.list .list-item:after,
.search-detail .show-more:after,
.paging:after,
.top-button:after,
.nivo-controlNav:after,
form:after,
form .formElements:after { clear: both; }

/* For IE 6/7 only Include this rule to trigger hasLayout and contain floats. */

.clearfix,
.page,
.yltsyheader,
.yltsyheader-top,
.yltsyheader-top-inner,
.main,
.footer,
.breadcrumb ul,
.footer-bottom .footer-bottom-inner,
.footer-menu ul,
.group,
.teaser-2 .teaser-bg,
.image .image-figure,
.button,
.list .list-item,
.show-more,
.paging,
.top-button,
.nivo-controlNav,
form,
form .formElements { *zoom: 1;
}

html,
body { font-size: 16px; }

body { background:#3a4f70; color: #485a63; padding: 0; margin: 0; font-family: Arial, sans-serif; font-weight: normal; font-style: normal; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; }

img { -ms-interpolation-mode: bicubic; }

.left { float: left; }

.right { float: right; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.text-justify { text-align: justify; }

.hide { display: none; }

img { display: block; }

textarea { height: auto; min-height: 50px; }

select { width: 100%; }

.container_yltsy { margin-left: auto; margin-right: auto; width: 60em; background-color: #FFF; }

.container_yltsy .grid_1 { display: inline; float: left; margin-left: 0.625em; margin-right: 0.625em; }

.container_yltsy .grid_1 { width: 2.5em; }

.container_yltsy .grid_2 { display: inline; float: left; margin-left: 0.625em; margin-right: 0.625em; }

.container_yltsy .grid_2 { width: 6.25em; }

.container_yltsy .grid_3 { display: inline; float: left; margin-left: 0.625em; margin-right: 0.625em; }

.container_yltsy .grid_3 { width: 10em; }

.container_yltsy .grid_4 { display: inline; float: left; margin-left: 0.625em; margin-right: 0.625em; }

.container_yltsy .grid_4 { width: 17.75em; }

.container_yltsy .grid_5 { display: inline; float: left; margin-left: 0.625em; margin-right: 0.625em; }

.container_yltsy .grid_5 { width: 20.75em; }

.container_yltsy .grid_yltsy { display: inline; float: left; margin-left: 0.625em; margin-right: 0.625em; }

.container_yltsy .grid_yltsy { width: 13.75em; }

.container_yltsy .push_yltsy { left: 15em; position: relative; }

.container_yltsy .grid_6 { display: inline; float: left; margin-left: 0.625em; margin-right: 0.625em; }

.container_yltsy .grid_6 { width: 21.25em; }

.container_yltsy .grid_8 { display: inline; float: left; margin-left: 0.625em; margin-right: 0.625em; }

.container_yltsy .grid_8 { width: 28.75em; }

.container_yltsy .grid_12 { display: inline; float: left; margin-left: 0.625em; margin-right: 0.625em; }

.container_yltsy .grid_12 { width: 43.75em; }

.container_yltsy .pull_12 { position: relative; right: 45em; }

.container_yltsy .grid_16 { display: inline; float: left; margin-left: 0.625em; margin-right: 0.625em; }

.container_yltsy .grid_16 { width: 58.75em; }

.container_yltsy .alpha { margin-left: 0; }

.container_yltsy .omega { margin-right: 0; }

.nav > ul,
.tiny .flyout-shadow,
.small .flyout-shadow,
.grid_12 .keyvisual .flexible .flexible-content .nivo-caption,
.grid_8 .keyvisual .flexible .flexible-content .nivo-caption,
.grid_12 .flexible .flexible-top,
.grid_12 .flexible .flexible-bottom,
.grid_8 .flexible .flexible-top,
.grid_8 .flexible .flexible-bottom,
.grid_12 .image .portrait .flexible .flexible-top,
.grid_yltsy .flexible .flexible-top,
.grid_12 .image .portrait .flexible .flexible-bottom,
.grid_yltsy .flexible .flexible-bottom,
.grid_8 .image .portrait .flexible .flexible-top,
.grid_3 .flexible .flexible-top,
.grid_8 .image .portrait .flexible .flexible-bottom,
.grid_3 .flexible .flexible-bottom,
.grid_2 .flexible .flexible-top,
.grid_2 .flexible .flexible-bottom,
.button.dropdown span:first-child,
.button.green.huge span,
.button.huge.white span,
.button.green.huge:hover span,
.button.huge.white:hover span,
.button.green.big span,
.button.big.white span,
.button.green.big:hover span,
.button.big.white:hover span,
.button.green.small span,
.button.small.white span,
.button.green.small:hover span,
.button.small.white:hover span,
.button.green.tiny span,
.button.tiny.white span,
.button.green.tiny:hover span,
.button.tiny.white:hover span,
.detail-tab .detail-tabs-bg,
div.nivo-caption,
.nivo-controlNav a,
.nivo-controlNav a.active,
.bgInputElements,
.jqTransformSelectWrapper div span,
.error .jqTransformSelectWrapper div span,
.error .bgInputElements,
.feedback-top { background: url('../images/sprite_122.png') no-repeat; }

a.arrow,
.nav > ul > li,
.nav-left li ul li a,
.nav-left li ul li a.hasChildren,
.breadcrumb ul li a,
.breadcrumb ul li span,
.title a,
.footer-bottom .logo,
.teaser-2 .link-list li,
.text ul li,
ul.link-list li,
ul.link-list-down li,
.download ul.extended .download ul.extended,
.download ul.extended .ui-state-active,
.teaser-2.contact .phone,
.teaser-2.contact .email,
.ui-state-active,
.detail-tab .detail-tabs-bg > ul > li,
.detail-tab .detail-tabs-bg > ul > li.last-child,
.show-more a.arrow,
.paging ul li a.paging-left-arrow,
.paging ul li a.paging-right-arrow,
.lightbox .zoom,
.icon_video,
.icon_back,
.top-button a,
.back-button a.arrow,
.lt-ie8 .nav-left li ul li a,
.lt-ie8 .nav-left li ul li a.hasChildren,
.lt-ie8 ul.link-list li,
.lt-ie8 a.arrow,
.ie .breadcrumb ul li a,
.ie .breadcrumb ul li span,
input.submit,
input.submit:hover,
input.submit-2,
input.submit-2:hover,
a.jqTransformRadio.jqTransformChecked,
a.jqTransformChecked.jqTransformCheckbox,
.jqTransformSelectWrapper a.jqTransformSelectOpen,
.jqTransformSelectWrapper a.jqTransformSelectOpen.open { background: url('../images/bg122_5.png') no-repeat; }

.button.dropdown,
.button.green.huge,
.button.huge.white,
.button.green.huge:hover,
.button.green.big,
.button.big.white,
.button.green.big:hover,
.button.green.small,
.button.small.white,
.button.green.small:hover,
.button.green.tiny,
.button.tiny.white,
.button.green.tiny:hover,
.pullout-opened { background: url('../images/bg122_4.png') no-repeat; }

.sprite_h-t-sprite,
.sprite_h-t-bg_btn_dropdown_arrow,
.sprite_h-t-bg_feedback_layer,
.sprite_h-t-bg_flyout_small,
.sprite_h-t-bg_flyout_tiny,
.sprite_h-t-bg_lang_arrow,
.sprite_h-t-bg_select_list,
.sprite_h-t-bg_tooltip_top,
.flyout.tiny,
.flyout.small,
.button.dropdown .dropdown-arrow,
.tooltip-layer .tooltip-layer-top,
.jqTransformSelectWrapper ul,
.feedback-content { background: url('../images/bg122_2.png') no-repeat; }

.grid_12 .flexible .flexible-content,
.grid_8 .flexible .flexible-content,
.grid_12 .image .portrait .flexible .flexible-content,
.grid_yltsy .flexible .flexible-content,
.grid_8 .image .portrait .flexible .flexible-content,
.grid_3 .flexible .flexible-content,
.grid_2 .flexible .flexible-content,
.feedback-center { background: url('../images/bg122_1.png') no-repeat; }

.detail-tab .detail-tabs-bg > ul > li.ui-state-active > a,
.detail-tab .detail-tabs-bg > ul > li.ui-state-hover > a,
.detail-tab .detail-tabs-bg > ul > li > a { background: url('../images/bg122_3.png') no-repeat; }

/****************************** General *****************************/

h1 { font-size: 25px; margin: 0 0 21px 0; line-height: 28px; }

h2 { font-size: 20px; margin: 0 0 16px 0; line-height: 22px; }

h3 { font-size: 14px; font-weight: bold; margin: 0 0 11px 0; line-height: 17px; }

h4,
h5,
h6 { font-size: 15px; margin: 0 0 11px 0; line-height: 17px; }

h1,
h3 { font-weight: bold; }

h2,
h4,
h5,
h6 { font-weight: normal; }

h1,
h2,
h3,
h4,
h5,
h6 { color: black; }

p { font-size: 13px; margin: 0 0 9px; line-height: 20px; }

ul,
li,
ol,
dl,
dd,
dt { list-style-type: none; margin: 0; padding: 0; }

a { color: #485a63; text-decoration: none; }

a:active { outline: none; }

a:hover,
a:focus { color: #e85900; text-decoration: underline; }

a.arrow { display: block; padding-left: 11px; background-position: -421px -430px; text-decoration: none; }

a.arrow:hover,
a.arrow:focus { color: #e85900; text-decoration: underline; }

p a,
address a { text-decoration: underline; }

address { font-style: normal; }

.clear { clear: both; }

.mt15 { margin-top: 15px; }

.yltsyheader { position: relative; z-index: 999; }

.yltsyheader-top { height: 90px; }

.main { position: relative; z-index: 99; }

.logo a.ir { display: block; margin: 18px 0; }

.search { float: right; width: 201px; margin-top: 30px; }

.search .search-term { float: left; }

.search .submit { float: right; }

.flyout { left: -3px; position: absolute; z-index: 100; }

.yltsyheader .flyout { display: none; }

.flyout.tiny { background-position: -915px 0; width: 290px; }

.flyout.small { background-position: -375px 0; width: 540px; }

/*Left navigation*/

.nav-left > ul { border-top: 3px solid #485a63; }

.nav-left > ul > li { border-bottom: 1px solid #bfcacf; }

.nav-left li a { display: block; font-size: 13px; line-height: 15px; padding: 7px 0 8px 0; }

.nav-left li a:hover,
.nav-left li a.active { color: #e85900; }

.nav-left li ul { padding: 2px 0 12px 15px; }

.nav-left li ul li { width: 190px; height: 22px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; }

.nav-left li ul li a { font-size: 12px; padding: 5px 0 5px 11px; background-position: -421px -426px; }

.nav-left li ul li a.hasChildren { padding-left: 13px; background-position: -360px -486px; }

.nav-left li ul li ul { padding: 5px 0 5px 25px; }

/*Breadcrumb*/

.breadcrumb ul li { float: left; margin-top: 12px; }

.breadcrumb ul li:first-child a,
.breadcrumb ul li:first-child span { background-image: none; padding-left: 0; }

.breadcrumb ul li a,
.breadcrumb ul li span { font-size: 12px; line-height: 14px; padding-left: 20px; background-position: -541px -308px; }


/*Footer*/

.footer { margin-top: 30px; }

.footer > .grid_16:first-child { border-top: 3px solid #ff9900; }

.footer-top { margin-bottom: 28px; }

.footer-list:first-child { margin-top: 0; }

.footer-list .title { display: block; height: 45px; line-height: 45px; border-bottom: 1px solid #bfcacf; font-size: 14px; font-weight: bold; }

.footer-list .title a { padding-left: 11px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto;
zoom: 1; *display: inline;
background-position: -300px -536px; }

.footer-list ul { height: 190px; }

.footer-list li { overflow: hidden; text-overflow: ellipsis; height: 23px; line-height: 23px; }

.footer-list li:first-child { margin-top: 7px; }

.footer-list li a { background-position: -300px -546px; padding-left: 11px; font-size: 12px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto;
zoom: 1; *display: inline;
margin-bottom: 1px; }

.footer-list li span { display: block; font-size: 12px; line-height: 14px; color: #82939c; }

.footer-list p,
.footer-list address { font-size: 12px; line-height: 23px; margin-top: 8px; }

.footer-text .title { display: block; font-size: 12px; margin-bottom: 8px; }

.footer-text p { font-size: 12px; line-height: 23px; color: #82939c; margin: 0; }

.footer-text .title { display: block; font-size: 12px; margin-bottom: 8px; }

.footer-text p { font-size: 12px; line-height: 18px; color: #82939c; margin: 0; }

.footer-bottom { margin-top: 18px; min-height: 55px; border-top: 1px solid #bfcacf; }

.footer-bottom .footer-bottom-inner { border-top: 1px solid #bfcacf; }

.footer-bottom .logo { margin-top: 20px; float: left; background-position: -728px -98px; width: 43px; height: 25px; }

.footer-menu { margin: 20px 0; line-height: 20px; font-size: 12px; }

/****************************** Content Templates *****************************/

.group { margin-bottom: 20px; }

.group.stage { margin-bottom: 0; margin-top: 20px; }

.group.teaser { margin-bottom: 10px; }

.group.teaser-2 { margin-bottom: 14px; }

.group.keyvisual { margin-bottom: 14px; }

/*Keyvisual*/

.keyvisual { position: relative; }

.context p { font-size: 14px; margin: 0 0 9px; line-height: 24px; }

.context h2 { font-size: 22px; }

.grid_12 .keyvisual .flexible .flexible-content { height: 200px; }

.grid_12 .keyvisual .flexible .flexible-content .nivo-caption { display: block; left: 3px; background-position: 0 -300px; height: 200px; width: 233px; }

.grid_12 .keyvisual .flexible .flexible-content .nivo-caption .text { display: block; font-weight: bold; padding-left: 18px; padding-right: 32px; }

.grid_12 .keyvisual .flexible .flexible-content .nivo-caption .text h2 { font-size: 22px; line-height: 27px; margin: 0; }

.grid_8 .keyvisual .flexible .flexible-content { height: 132px; }

.grid_8 .keyvisual .flexible .flexible-content .nivo-caption { display: block; left: 3px; background-position: 0 -500px; height: 132px; width: 154px; }

.grid_8 .keyvisual .flexible .flexible-content .nivo-caption .text { display: block; font-weight: bold; padding-left: 12px; padding-right: 23px; }

.grid_8 .keyvisual .flexible .flexible-content .nivo-caption .text h2 { font-size: 14px; line-height: 18px; margin: 0; }

/*Teaser Box */

.teaser-2 .portrait .image.left { margin-right: 15px; display: inline; }

.teaser-2 .portrait .image.right { margin-left: 15px; display: inline; }

.teaser-2 .teaser-bg { background: url(../images/bg_teaser_2.png) repeat-x #e8ecef; }

.teaser-2 .text { overflow: hidden; }

.teaser-2 .text p { font-size: 13px; line-height: 17px; margin-bottom: 0; }

.teaser-2 .link-list { overflow: hidden; margin: 8px 0 0; }

.teaser-2 .link-list li { font-size: 13px; line-height: 22px; background-position: -421px -426px; }

.teaser-2 a.button.right { position: absolute; bottom: 12px; right: 16px; }

.grid_12 .teaser-2 .portrait .image { width: 340px; }

.grid_12 .teaser-2 .portrait .image.left { margin-right: 20px; }

.grid_12 .teaser-2 .portrait .image.left + .teaser-inner a.button { right: 16px; }

.grid_12 .teaser-2 .portrait .image.right { margin-left: 20px; }

.grid_12 .teaser-2 .portrait .image.right + .teaser-inner a.button { right: 356px; }

.grid_12 .teaser-2 .landscape .teaser-inner,
.grid_12 .teaser-2 .no-image .teaser-inner { padding: 10px 15px 53px 20px; }

.grid_12 .teaser-2 .teaser-inner { padding-left: 20px; padding: 15px 15px 53px 20px; }

.grid_12 .teaser-2 .teaser-inner.no-button { padding-bottom: 15px; }

.grid_12 .teaser-2 .title h2 { font-size: 18px; line-height: 22px; font-weight: normal; margin-bottom: 17px; }

.grid_8 .teaser-2 .portrait .image { width: 220px; }

.grid_8 .teaser-2 .portrait .image.left { margin-right: 15px; }

.grid_8 .teaser-2 .portrait .image.left + .teaser-inner a.button { right: 16px; }

.grid_8 .teaser-2 .portrait .image.right { margin-left: 15px; }

.grid_8 .teaser-2 .portrait .image.right + .teaser-inner a.button { right: 236px; }

.grid_8 .teaser-2 .landscape .teaser-inner,
.grid_8 .teaser-2 .no-image .teaser-inner { padding: 11px 15px 53px; }

.grid_8 .teaser-2 .teaser-inner { padding: 11px 15px 47px; }

.grid_8 .teaser-2 .teaser-inner.no-button { padding-bottom: 15px; }

.grid_8 .teaser-2 .title h2 { font-size: 15px; line-height: 20px; font-weight: normal; margin-bottom: 5px; }

.grid_44 { float: left; width: 330px; margin: 0; }

.grid_55 { float: left; width: 460px; margin: 0; font-family: "宋体" }

.grid_56 { float: right; width: 460px; margin: 0; font-family: "宋体" }

.grid_yltsy .teaser-2 .portrait .image { margin: 0 0 11px 0; }

.grid_yltsy .teaser-2 .portrait .image.left { float: none; }

.grid_yltsy .teaser-2 .portrait .image.left + .teaser-inner a.button { right: 16px; }

.grid_yltsy .teaser-2 .portrait .image.right { float: none; }

.grid_yltsy .teaser-2 .portrait .image.right + .teaser-inner a.button { right: 16px; }

.grid_yltsy .teaser-2 .landscape .teaser-inner,
.grid_yltsy .teaser-2 .no-image .teaser-inner { padding: 11px 15px 53px; }

.grid_yltsy .teaser-2 .teaser-inner { padding: 11px 15px 52px; }

.grid_yltsy .teaser-2 .teaser-inner.no-button { padding-bottom: 15px; }

.grid_yltsy .teaser-2 .title h2 { font-size: 15px; line-height: 20px; font-weight: normal; margin-bottom: 5px; }

/*Text Box */

.text { font-size: 13px; line-height: 19px; }

.text ul { margin: 9px 0 15px; }

.text ul li { background-position: -211px -637px; }

.text ol { margin: 9px 0 15px; }

.text ol li { position: relative; }

.text ol li .number { position: absolute; left: 0; width: 18px; color: black; }

.text li { font-size: 13px; line-height: 19px; padding-left: 18px; margin-bottom: 4px; }

.text a { color: #000; text-decoration: underline; }

.text a:hover,
.text a:focus { color: #e85900; }

ul.link-list,
ul.link-list-down { margin: 9px 0 18px; }

ul.link-list li,
ul.link-list-down li { font-size: 14px; line-height: 22px; padding-left: 11px; margin-bottom: 4px; background-position: -423px -426px; }

ul.link-list li a,
ul.link-list-down li a { color: #000; text-decoration: underline; }

ul.link-list li a:hover,
ul.link-list-down li a:hover,
ul.link-list li a:focus,
ul.link-list-down li a:focus { color: #e85900; }

ul.link-list-down li { padding-left: 14px; background-position: -240px -608px; }

ul.link-list-down li a { color: #485a63; text-decoration: none; }

ul.link-list-down li a:hover,
ul.link-list-down li a:focus { color: #e85900; text-decoration: underline; }

ul.link-list-down li a * { color: #485a63; font-weight: normal; font-size: 13px; line-height: 19px; margin: 0; }

ul.link-list-down li a *:hover { color: #e85900; }

.g_links { float: left; padding: 10px 0; width: 700px; }

.g_links h2 { float: left; width: 700px; height: 26px; margin: 12px 0 2px 0px; text-align: left; font: bold 14px/26px "宋体"; border-bottom: 1px solid #ccc; }

.g_links h2 span { display: inline; float: left; padding-left: 10px; color: #369; }

.g_links h2 em { float: right; padding-right: 10px; }

.g_links h2 a { display: inline; font: normal 14px/26px "宋体"; }

.g_links ul { margin: 0 10px; }

.g_links li { float: left; width: 170px; text-align: left; font: normal 12px/26px "宋体"; }

.g_links li a { overflow: hidden; }

/*Image Box */

.image .image-figure.extended .text-box { overflow: hidden; }

.image .figure { position: relative; top: 1px; }

.image img { height: auto; width: 100%; max-width: 100%; }

.image .portrait .figure.left { margin: 0 15px 0 0; display: inline; }

.image .portrait .figure.right { margin: 0 0 0 15px; display: inline; }

.image .figimage { position: relative; }

.image .figcaption { display: block; font-size: 11px; line-height: 13px; margin: 5px 0 11px; }

.grid_12 .image .portrait .figure { width: 220px; }

.grid_8 .image .portrait .figure { width: 160px; }

.grid_yltsy .image .portrait .figure { width: 220px; margin: 0; }

.grid_12 .flexible .flexible-content { background-position: 0 0; height: auto; width: 700px; background-repeat: repeat-y; padding: 0 3px; top: 0; position: relative; left: -3px; }

.grid_12 .flexible .flexible-top { height: 3px; width: 706px; background-position: 0 -2731px; position: relative; left: -3px; }

.grid_12 .flexible .flexible-bottom { height: 3px; width: 706px; background-position: 0 -2725px; position: relative; left: -3px; }

.grid_8 .flexible .flexible-content { background-position: -1204px 0; height: auto; width: 460px; background-repeat: repeat-y; padding: 0 3px; top: 0; position: relative; left: -3px; }

.grid_8 .flexible .flexible-top { height: 3px; width: 466px; background-position: 0 -2737px; position: relative; left: -3px; }

.grid_8 .flexible .flexible-bottom { height: 3px; width: 466px; background-position: 0 -2728px; position: relative; left: -3px; }

.grid_12 .image .portrait .flexible .flexible-content,
.grid_yltsy .flexible .flexible-content { background-position: -978px 0; height: auto; width: 220px; background-repeat: repeat-y; padding: 0 3px; top: 0; position: relative; left: -3px; }

.grid_12 .image .portrait .flexible .flexible-top,
.grid_yltsy .flexible .flexible-top { height: 3px; width: 226px; background-position: 0 -2743px; position: relative; left: -3px; }

.grid_12 .image .portrait .flexible .flexible-bottom,
.grid_yltsy .flexible .flexible-bottom { height: 3px; width: 226px; background-position: 0 -2740px; position: relative; left: -3px; }

.grid_8 .image .portrait .flexible .flexible-content,
.grid_3 .flexible .flexible-content { background-position: -812px 0; height: auto; width: 160px; background-repeat: repeat-y; padding: 0 3px; top: 0; position: relative; left: -3px; }

.grid_8 .image .portrait .flexible .flexible-top,
.grid_3 .flexible .flexible-top { height: 3px; width: 166px; background-position: 0 -2746px; position: relative; left: -3px; }

.grid_8 .image .portrait .flexible .flexible-bottom,
.grid_3 .flexible .flexible-bottom { height: 3px; width: 166px; background-position: 0 -2734px; position: relative; left: -3px; }

.grid_2 .flexible .flexible-content { background-position: -706px 0; height: auto; width: 100px; background-repeat: repeat-y; padding: 0 3px; top: 0; position: relative; left: -3px; }

.grid_2 .flexible .flexible-top { height: 3px; width: 106px; background-position: 0 -2036px; position: relative; left: -3px; }

.grid_2 .flexible .flexible-bottom { height: 3px; width: 106px; background-position: 0 -2033px; position: relative; left: -3px; }

/*Table Box */

table { width: 100%; }

th { background-color: #dee3e7; border-left: 1px solid #f4f6f7; border-bottom: 1px solid #f4f6f7; color: #485a63; font-size: 13px; font-weight: normal; line-height: 15px; padding: 8px 10px 7px 8px; vertical-align: top; }

th:first-child { border-left: none; }

td { border-left: 1px solid #dee3e7; color: #485a63; font-size: 12px; font-weight: normal; line-height: 16px; padding: 7px 10px 7px 8px; vertical-align: top; background-color: #fcfcfd; }

td:first-child { border-left: none; }

td img { border: 1px solid #dee3e7; display: block; margin: 3px 0; }

td p { color: #485a63; font-size: 1em; font-weight: normal; line-height: 16px; margin: 0; }

td a { text-decoration: underline; }

tr.odd td { background-color: #f4f6f7; }

/****************************** Additional Content Templates *****************************/
/*Buttons*/

.button { cursor: pointer; }

.button.dropdown { display: block; position: relative; top: -4px; left: -4px; background-position: 100% -109px; height: 28px; }

.button.dropdown span:first-child { display: block; background-position: 0 -1898px; padding-left: 9px; height: 28px; line-height: 28px; margin-right: 9px; }

.button.dropdown .dropdown-arrow { background-position: 0 0; bottom: 4px; display: block; height: 10px; left: 50%; position: relative; width: 13px; z-index: 1; margin-left: -6.5px; }

.button.green,
.button.white { position: relative; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto;
zoom: 1; *display: inline;
color: white; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75); text-decoration: none; }

.button.green span,
.button.white span { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto;
zoom: 1; *display: inline;
white-space: nowrap; }

.button.green.left,
.button.left.white { text-align: left; }

.button.green.right,
.button.right.white { text-align: right; right: -2px; }

.button.green:hover,
.button.white:hover { color: #fff; }

.button.green.huge,
.button.huge.white { background-position: 100% -399px; font-size: 14px; }

.button.green.huge span,
.button.huge.white span { background-position: 0 -2331px; padding-left: 25px; height: 33px; line-height: 29px; margin-right: 27px; }

.button.green.huge:hover,
.button.huge.white:hover { background-position: 100% -339px; }

.button.green.huge:hover span,
.button.huge.white:hover span { background-position: 0 -2189px; }

.button.green.big,
.button.big.white { background-position: 100% -137px; font-size: 14px; }

.button.green.big span,
.button.big.white span { background-position: 0 -2298px; padding-left: 20px; height: 33px; line-height: 29px; margin-right: 22px; }

.button.green.big:hover,
.button.big.white:hover { background-position: 100% -76px; }

.button.green.big:hover span,
.button.big.white:hover span { background-position: 0 -2156px; }

.button.green.small,
.button.small.white { background-position: 100% -591px; font-size: 13px; }

.button.green.small span,
.button.small.white span { background-position: 0 -2550px; padding-left: 20px; height: 27px; line-height: 23px; margin-right: 22px; }

.button.green.small:hover,
.button.small.white:hover { background-position: 100% -372px; }

.button.green.small:hover span,
.button.small.white:hover span { background-position: 0 -2430px; }

.button.green.tiny,
.button.tiny.white { background-position: 100% -312px; font-size: 13px; }

.button.green.tiny span,
.button.tiny.white span { background-position: 0 -2523px; padding-left: 14px; height: 27px; line-height: 23px; margin-right: 16px; }

.button.green.tiny:hover,
.button.tiny.white:hover { background-position: 100% -285px; }

.button.green.tiny:hover span,
.button.tiny.white:hover span { background-position: 0 -2222px; }

.button.white { color: #000; }

.button.white:hover { color: #000; }

.button.white.huge { background-position: 100% -465px; }

.button.white.huge span { background-position: 0 -2490px; margin-right: 27px; }

.button.white.huge:hover { background-position: 100% -498px; }

.button.white.huge:hover span { background-position: 0 -2397px; }

.button.white.big { background-position: 100% -531px; }

.button.white.big span { background-position: 0 -2457px; margin-right: 22px; }

.button.white.big:hover { background-position: 100% -432px; }

.button.white.big:hover span { background-position: 0 -2364px; }

.button.white.small { background-position: 100% -618px; }

.button.white.small span { background-position: 0 -2631px; margin-right: 22px; }

.button.white.small:hover { background-position: 100% -564px; }

.button.white.small:hover span { background-position: 0 -2658px; }

.button.white.tiny { background-position: 100% -672px; }

.button.white.tiny span { background-position: 0 -2577px; margin-right: 16px; }

.button.white.tiny:hover { background-position: 100% -645px; }

.button.white.tiny:hover span { background-position: 0 -2604px; }

.button .button.right:first-child { margin-right: 0; }

.button .button.right { margin-right: 13px; }

.button .button.left:first-child { margin-left: 0; }

.button .button.left { margin-left: 13px; }

/*Tooltip*/

.tooltip-layer { position: absolute; display: none; }

.tooltip-layer.demo { display: block; }

.main .tooltip-layer { position: relative; top: -4px; left: -4px; }

.tooltip-layer .tooltip-layer-top { background-position: -1676px 0; height: 4px; width: 248px; }

.tooltip-layer .tooltip-layer-middle { background-position: 0 0; background-position: 0 bottom; padding: 9px 14px 18px 14px; width: 220px; }

.tooltip-layer .tooltip-layer-middle .figcaption { display: block; color: white; font-size: 11px; line-height: 13px; margin: 4px 0 1px; }

.tooltip-layer span.tooltip-layer-middle { display: block; color: white; font-size: 12px; }

/****************************** Modules *****************************/
/*Module Contact */

.teaser-2.contact .title h3 { font-weight: normal; font-size: 15px; line-height: 20px; }

.teaser-2.contact span { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto;
zoom: 1; *display: inline;
}

.teaser-2.contact .name { font-size: 12px; font-weight: bold; margin-bottom: 10px; line-height: 16px; }

.teaser-2.contact .phone { background-position: -645px -191px; font-size: 15px; font-weight: bold; padding: 5px 0 4px 30px; min-height: 23px; line-height: 1; }

.teaser-2.contact .email { background-position: -593px -248px; font-size: 12px; margin-top: 15px; padding: 2px 0 3px 30px; line-height: 1; }

.teaser-2.contact .email a { text-decoration: underline; }

.teaser-2.contact .no-image .phone { font-size: 12px; font-weight: normal; padding-top: 0; padding-bottom: 0; }

.teaser-2.contact .no-image .phone span { font-size: 15px; font-weight: bold; padding-top: 2px; }

.teaser-2.contact .no-image .email { margin-top: 10px; margin-bottom: 2px; }

/*Module Contact */

.teaser-2.callback .title h3 { font-weight: normal; font-size: 15px; line-height: 20px; }

.teaser-2.callback .name { float: left; }

.teaser-2.callback .number { float: left; }

.teaser-2.callback input.submit-2 { float: right; }

.product-video { margin: 7px 0 24px; }

.product-price { display: block; color: black; font-size: 20px; line-height: 22px; margin-top: 24px; margin-bottom: 0px; }

.product-info { display: block; font-size: 12px; line-height: 18px; }

/*Productlist*/

.productlist-item { line-height: 23px; font-size: 13px; }

.list .list-item { border-bottom: 1px solid #dee3e7; padding: 17px 0 3px 0; min-height: 122px; }

.list .list-item:first-child { padding-top: 0; }

.product-list-item { position: relative; }

.product-list-item h2 { margin-bottom: 7px; }

.product-list-item p { font-size: 12px; line-height: 17px; margin-bottom: 3px; }

.product-list-item .flexible { margin-bottom: 9px; }

.product-list-item .product-usp ul { margin-top: 3px; }

.product-list-item .product-price { font-size: 15px; line-height: 17px; margin: 0; }

.product-list-item .product-info { font-size: 11px; line-height: 17px; }

.product-list-item .text {
*height: 85px; min-height: 85px; }

.product-list-item .omega { position: absolute; bottom: 12px; right: 0; }

.product-list-item .omega span { text-align: right; }

.product-list-item .omega .button { margin-top: 7px; }

.g_product { float: left; width: 940px; }

.g_product dl { float: left; width: 221px; height: 182px; border: 1px solid #ccc; margin-right: 16px; overflow: hidden; }

.g_product dd { width: 221px; height: 182px; display: table-cell; text-align: center; vertical-align: middle; *font-size:97px;
*display:block;
}

.g_product dd img { vertical-align: middle; display: inline-block; overflow: hidden; max-height: 176px; }

.g_product .mr0 { margin-right: 0px; }

.g_product dt span { float: left; width: 221px; height: 20px; line-height: 20px; overflow: hidden; text-align: center; }

.g_product dl a { overflow: hidden; font: normal 12px/20px "宋体"; }

.g_txt { float: left; width: 940px; }

.g_txt li { float: left; width: 450px; overflow: hidden; text-overflow: ellipsis; margin-right: 16px; height: 26px; font: normal 14px/26px "宋体"; overflow: hidden; }

.g_txt .mr0 { margin-right: 0px; }

.g_ptxt { float: left; width: 700px; }

.g_ptxt li { float: left; width: 335px; overflow: hidden; text-overflow: ellipsis; margin-right: 10px; height: 28px; font: normal 14px/28px "宋体"; overflow: hidden; }

.r_product { float: left; width: 190px; }

.r_product ul { float: left; width: 190px; height: 184px; margin-bottom: 10px; overflow: hidden; }

.r_product li { width: 188px; height: 174px; line-height: 174px; overflow: hidden; display: table-cell; text-align: center; vertical-align: middle; *font-size:80px;
*display:block;
border: 1px solid #ccc; overflow: hidden; background-color: #fff; }

.r_product li img { vertical-align: middle; display: inline-block; overflow: hidden; }

.r_product li a { overflow: hidden; font: normal 12px/20px "宋体"; }

/* Tabs */

.detail-tab .detail-tabs-bg { background-position: 0 -1835px; position: relative; padding-left: 5px; left: -5px; top: -5px; height: 41px; }

.detail-tab .detail-tabs-bg > ul > li { float: left; padding-left: 2px; position: relative; background-position: -158px -737px; }

.detail-tab .detail-tabs-bg > ul > li:first-child { background-image: none; padding-left: 0; }

.detail-tab .detail-tabs-bg > ul > li.last-child { background-position: -160px -696px; width: 5px; height: 41px; }

.detail-tab .detail-tabs-bg > ul > li.ui-state-active > a,
.detail-tab .detail-tabs-bg > ul > li.ui-state-hover > a { text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9); color: white; text-decoration: none; background-position: 0 -331px; background-repeat: repeat-x; }

.detail-tab .detail-tabs-bg > ul > li > a { font-size: 13px; height: 26px; text-align: center; display: block; padding: 15px 19px 0 19px; background-position: 0 -290px; background-repeat: repeat-x; }

.detail-tab .detail-tabs-bg > ul > li > a:active,
.detail-tab .detail-tabs-bg > ul > li > a.bg_tab_item_active,
.detail-tab .detail-tabs-bg > ul > li > a.bg_tab_item-active { background-position: 0 -331px; }

.detail-tab .detail-tabs-bg > ul > li.resized > a { padding-top: 8px; height: 33px; }

.detail-tab .ui-tabs-panel { margin-top: -50px; padding-top: 50px; }

.load { height: 200px; position: relative; }

.loading { background: url(../images/loading.gif) no-repeat 5px 5px; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; margin-left: -16px; margin-top: -16px; }

.lightbox { position: relative; cursor: pointer; }

.lightbox .zoom { background-position: -704px -125px; height: 30px; width: 30px; display: block; position: absolute; right: -3px; bottom: -4px; }

.icon_video { position: relative; left: -4px; font-size: 12px; line-height: 14px; background-position: -671px -155px; height: 33px; padding-top: 10px; padding-left: 36px; }

.icon_back { font-size: 11px; background-position: -391px -462px; padding-left: 13px; }

.top-button { margin: 9px 0 22px 0; }

.top-button a { display: block; float: right; font-size: 11px; padding-left: 13px; background-position: -328px -521px; }

.back-button a.arrow { font-size: 13px; background-position: -421px -431px; }

div.nivo-caption { background-position: 0 0; height: 300px; width: 316px; position: absolute; top: 0; left: -300px; padding: 0; z-index: 7; overflow: hidden; display: none; }

div.nivo-caption .text { display: none; margin-top: 36px; padding-left: 18px; padding-right: 36px; }

div.nivo-caption .text h2 { font-weight: bold; font-size: 30px; line-height: 33px; margin-bottom: 4px; }

div.nivo-caption .text p { font-size: 18px; line-height: 22px; padding: 0; margin: 0; }

div.nivo-caption .button.left { position: absolute; bottom: 55px; left: 19px; }

.nivo-caption .button.left { position: absolute; bottom: 17px; left: 19px; }

#colorbox,
#cboxOverlay,
#cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; }

#cboxOverlay { position: fixed; width: 100%; height: 100%; }

#cboxMiddleLeft,
#cboxBottomLeft { clear: left; }

#cboxContent { position: relative; }

#cboxClose,
#cboxSlideshow { cursor: pointer; }

.cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; }

.cboxIframe { width: 100%; height: 100%; display: block; border: 0; }

#colorbox,
#cboxContent,
#cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }

#cboxOverlay { background: black; }

#colorbox { outline: 0; }

#cboxTopLeft { width: 25px; height: 25px; background: url(../images/border1.png) no-repeat 0 0; }

#cboxTopCenter { height: 25px; background: url(../images/border1.png) repeat-x 0 -48px; }

#cboxTopRight { width: 25px; height: 25px; background: url(../images/border1.png) no-repeat -25px 0; }

#cboxBottomLeft { width: 25px; height: 25px; background: url(../images/border1.png) no-repeat 0 -25px; }

#cboxBottomCenter { height: 25px; background: url(../images/border1.png) repeat-x 0 -72px; }

#cboxBottomRight { width: 25px; height: 25px; background: url(../images/border1.png) no-repeat -25px -25px; }

#cboxMiddleLeft { width: 25px; background: url(../images/border2.png) repeat-y 0 0; }

#cboxMiddleRight { width: 25px; background: url(../images/border2.png) repeat-y -25px 0; }

#cboxContent { background: white; overflow: hidden; }

.cboxIframe { background: white; }

#cboxCurrent { position: absolute; bottom: 0px; left: 100px; color: #999999; }

#cboxSlideshow { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none; }

#cboxSlideshow:active,
#cboxClose:active { outline: 0; }

#cboxSlideshow { position: absolute; bottom: 0px; right: 42px; color: #444444; }

#cboxClose { border: 0; padding: 0; margin: 0; position: absolute; top: 10px; right: 7px; display: block; text-indent: -9999px; width: 36px; height: 35px; background: url(../images/close-btn.png) 0px 0px no-repeat; }

.bgInputElements { height: 30px; background-position: 0 -1948px; border-right: 1px solid #dee3e7; padding: 0 11px 0 11px; }

.bgInputElements.search-term { width: 139px; }

.bgInputElements.name { width: 167px; margin-bottom: 10px; }

.bgInputElements.number { width: 119px; margin: 0; }

.bgInputElements.full,
.bgInputElements.search { width: 407px; }

.bgInputElements.huge { width: 297px; }

.bgInputElements.big { width: 257px; }

.bgInputElements.medium { width: 197px; }

.bgInputElements.small { width: 137px; }

.bgInputElements.tiny { width: 77px; }

.bgInputElements.micro { width: 17px; }

input { color: #485a63; font-family: Arial, sans-serif; font-size: 0.8125em; line-height: 19px; }

input.text { border: none; color: #485a63; background: none; width: 100%; padding-top: 8px; }

input.submit { background-position: 0 -908px; height: 30px; width: 39px; border: none; }

input.submit:hover { background-position: -39px -878px; }

input.submit-2 { background-position: -80px -813px; height: 30px; width: 39px; border: none; }

input.submit-2:hover { background-position: -119px -783px; }

/* paging */

.paging { margin-top: 27px; }

.topics .paging { margin-top: 22px; }

.paging.top { margin-top: 32px; }

.paging ul { float: right; }

.paging ul li { float: left; }

.paging ul li a,
.paging ul li span { font-size: 13px; margin-left: 12px; }

.paging ul li a { text-decoration: none; }

.paging ul li a:hover { text-decoration: underline; }

.paging ul li a.paging-right-arrow,
.paging ul li a.paging-left-arrow { height: 8px; width: 6px; padding-top: 4px; }

.paging ul li a.paging-left-arrow { background-position: -391px -461px; margin-left: 0; margin-right: 6px; }

.paging ul li a.paging-right-arrow { background-position: -421px -431px; margin-left: 18px; }
 @media screen and (min-width:640px) {

.tel-wap,
.wchat-wap { display: none; }
}